<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="./css/aui.css" />
    <link rel="stylesheet" type="text/css" href="./css/style.css" />
    <link rel="stylesheet" type="text/css" href="./css/aui-slide.css" />
    <link rel="stylesheet" type="text/css" href="./css/info.css" />
    <script type="text/javascript" src="./script/jquery.min.js"></script>
</head>

<body>
<header class="aui-bar aui-bar-nav">
    <a class="aui-pull-left" tapmode onclick="closeWin()">
        <span class="aui-iconfont aui-icon-left"></span>
    </a>
    <div class="aui-title">员工信息</div>
</header>
<div class="aui-bar-nav-d"></div>

<div class="info-introduction-nav">
    <ul>
        <li tapmode onclick="info_introduction_data()">基本资料</li>
        <li tapmode onclick="info_introduction_frame()">组织架构</li>
        <li tapmode onclick="info_introduction_division()">部门介绍</li>
        <li tapmode onclick="info_introduction_stock()">股权构架</li>
        <li class="active">员工信息</li>
        <li tapmode onclick="info_introduction_contact()">联系我们</li>
        <li tapmode onclick="info_introduction_canal()">官方渠道</li>
    </ul>
</div>

<style>
html,body{height:100%;}
</style>

<div class="info-introduction-staff">
    <h3>员工信息</h3>
    <div class="info-introduction-staff-t">截止到目前，公司员工总人数120人，其中正式员工87人，试用期员工33人；公司主要以年轻的85、95后为主。</div>
    <h3>员工年龄分布</h3>
    <div class="info-introduction-staff-item">
        <div class="info-introduction-staff-item-l">
            <p>20-30岁</p>
            <p>30-40岁</p>
            <p>40岁以上</p>
        </div>
        <div class="info-introduction-staff-item-r">
            <ul>
                <li>
                    <div class="info-introduction-staff-item-b">
                        <span style="width:38.3%"></span>
                    </div>
                    <p>38.3%</p>
                </li>
                <li>
                    <div class="info-introduction-staff-item-b">
                        <span style="width:55.8%"></span>
                    </div>
                    <p>55.8%</p>
                </li>
                <li>
                    <div class="info-introduction-staff-item-b">
                        <span style="width:5.9%"></span>
                    </div>
                    <p>5.9%</p>
                </li>
            </ul>
        </div>
    </div>
    <h3>员工学历分布</h3>
    <div class="info-introduction-staff-item">
        <div class="info-introduction-staff-item-l">
            <p>本科</p>
            <p>专科</p>
            <p>其他</p>
        </div>
        <div class="info-introduction-staff-item-r">
            <ul>
                <li>
                    <div class="info-introduction-staff-item-b">
                        <span style="width:16.7%"></span>
                    </div>
                    <p>16.7%</p>
                </li>
                <li>
                    <div class="info-introduction-staff-item-b">
                        <span style="width:47.5%"></span>
                    </div>
                    <p>47.5%</p>
                </li>
                <li>
                    <div class="info-introduction-staff-item-b">
                        <span style="width:35.8%"></span>
                    </div>
                    <p>35.8%</p>
                </li>
            </ul>
        </div>
    </div>
    <div class="frdb-p">
        <img src="http://www.big-wealth.com/public/attachment/201811/22/13/5bf63b7a88602.jpg">
    </div>
</div>

</body>
<script type="text/javascript">
    function info_introduction_frame() {
        api.openWin({
            name: 'info_introduction_frame',
            url: './info-introduction-frame.html',
        });
    }
    function info_introduction_division() {
        api.openWin({
            name: 'info_introduction_division',
            url: './info-introduction-division.html',
        });
    }
    function info_introduction_stock() {
        api.openWin({
            name: 'info_introduction_stock',
            url: './info-introduction-stock.html',
        });
    }
    function info_introduction_data() {
        api.openWin({
            name: 'info_introduction_data',
            url: './info-introduction-data.html',
        });
    }
    function info_introduction_contact() {
        api.openWin({
            name: 'info_introduction_contact',
            url: './info-introduction-contact.html',
        });
    }
    function info_introduction_canal() {
        api.openWin({
            name: 'info_introduction_canal',
            url: './info-introduction-canal.html',
        });
    }

    function closeWin() {
        api.closeWin({});
    }
</script>

</html>
